<%@ page pageEncoding="UTF-8" %>
<%@ page contentType="text/html;charset=UTF-8" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    <title>开始页面</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<style type="text/css">
			* {
				margin: 0px;
				padding: 0px;
			}
			html, body {
				height: 100%;
			}
			body {
				font-size: 14px;
				line-height: 24px;
			}
			#tip {
				position: absolute;
				right: 0px;
				bottom: 0px;
				height: 0px;
				width: 180px;
				border: 1px solid #CCCCCC;
				background-color: #eeeeee;
				padding: 1px;
				overflow: hidden;
				display: none;
				font-size: 12px;
				z-index: 10;
			}
			#tip p {
				padding: 6px;
			}
			#tip h1, #detail h1 {
				font-size: 14px;
				height: 25px;
				line-height: 25px;
				background-color: #0066CC;
				color: #FFFFFF;
				padding: 0px 3px 0px 3px;
				filter: Alpha(Opacity=100);
			}
			#tip h1 a, #detail h1 a {
				float: right;
				text-decoration: none;
				color: #FFFFFF;
			}
			
		</style>
		<script type="text/javascript" src="<%=basePath %>js/common/jquery-1.6.js"></script>
		<script type="text/javascript">
			var handle;
			//参数为新短信个数
			function start(count) {
				var obj = document.getElementById("tip");
				obj.innerHTML = obj.innerHTML.replace("msgCount", count);
				if (parseInt(obj.style.height) == 0) {
					obj.style.display = "block";
					handle = setInterval("changeH('up')", 20); //调用该方法 参数为循环调用的时间
				} else {
					handle = setInterval("changeH('down')", 20)
				}
			}
			//逐步改变窗体的高一次递增 或 递减8px
			function changeH(str) {
				var obj = document.all ? document.all["tip"] : document.getElementById("tip");
				if (str == "up") {
					if (parseInt(obj.style.height) > 100) {
						clearInterval(handle);
					} else {
						obj.style.height = (parseInt(obj.style.height) + 8).toString() + "px";
					}
				}
				if (str == "down") {
					if (parseInt(obj.style.height) < 8) {
						clearInterval(handle);
						obj.style.display = "none";
					} else obj.style.height = (parseInt(obj.style.height) - 8).toString() + "px";
				}
			}

			function showwin() {
				document.getElementsByTagName("html")[0].style.overflow = "hidden";
				start();
				// window.open("/member/managemsg.aspx");
				alert("alert");
			}
			$(function(){
				var divTip = document.createElement("div");
				divTip.id = "tip";
				divTip.innerHTML = "<h1><a href='javascript:void(0)' onclick='start()'>×</a>您有1条新消息</h1><p><a href='javascript:void(0)' onclick='showwin()'>点击这里查看详细</a></p>";
				divTip.style.height = '0px';
				divTip.style.bottom = '0px';
				divTip.style.position = 'fixed';
				document.body.appendChild(divTip);
				start();
			});
		</script>
  </head>
  <body>
    <h1>welcome!</h1>
  </body>
</html>